<template>
	<view class="evaluate-box">
		<view class="evaluate-con" v-for=" item in 4">
			<view class="evaluate-con-left">
				<image class="evaluateImg" src="../../static/image/default/empty-coupon.png" mode=""></image>
			</view>
			
			<view class="evaluate-con-right">
				<view class="evaluate-cr-text">
					<view class="evaluate-crt-top">
						<view class="evaluate-crtt-con">
							<text class="evaluate-crttName">MIs Emma</text>
							<text class="evaluate-crttTime">2015-12-10 16:00</text>
						</view>
						<view>
							<u-rate :disabled="true" v-model="value" active-color="#FF9090" inactive-color="#b2b2b2" ></u-rate>
							<text style="font-size: 12px;margin-left: 8px;color: #999999;">{{value}}分</text>
						</view>
					</view>
					<view class="evaluate-crt-center" style="font-size: 13px;">
						超级喜欢刘清扬设计的Chictopia,年轻时尚，非常适合现在的年轻人，个性不张扬，低调。
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"evaluate",
		data() {
			return {
				value: 2,
			};
		},
		methods:{
			evaluate(){
				console.log(this.value)
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #f8f8f8;
}
.evaluate-crt-top{
	display: flex;
	justify-content: space-between;
	.evaluate-crtt-con{
		display: flex;
		flex-direction: column;
		.evaluate-crttName{
			color: #0C0C0C;
			font-size: 28rpx;
			font-weight: 400;
		}
		.evaluate-crttTime{
			color: #999;
			font-size: 19rpx;
			margin: 5px 0;
		}
	}
	.evaluate-crt-center{
		color: #0C0C0C;
		font-weight: 400;
		line-height: 39rpx;
	}
}
.evaluate-box{
	background-color: #fff;
	padding: 10rpx 0 60rpx 0;
	box-sizing: border-box;
	margin: 15px auto 15px;
	width: 703rpx;
	.evaluate-con{
		padding: 15px;
		display: flex;
		align-items: top;
		.evaluate-con-left{
			.evaluateImg{
				width: 75rpx;
				height: 75rpx;
				border-radius: 50%;
				border: 1px solid red;
				margin-right: 20rpx;
			}
		}
	}
}

</style>